<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:shro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>客户充值</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">

    <link rel="stylesheet" href="/js/bootstrap-table/bootstrap-table-1.18.3.min.css">
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>

    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>

    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
    <link rel="stylesheet" href="/css/finance/payment-record.css">
    <style>
        .form-pay{
            display: flex;
            flex-wrap: wrap;
        }
    </style>
</head>
<body>
<div class="container-fluid p-t-15">
    <input type="hidden" th:value="${deptId}" id="deptIdHide">
    <input type="hidden" id="companyNameId" th:value="${companyName}">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h1>客户充值</h1>
                </div>
                <div class="card-body">
                    <div class="row content-action">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <!-- 全部 本周 本月 本年 -->
                            <div class="time-search pull-left">
                                <input type="hidden" id="dateType" name="dateType"/>
                                <div class="all active-second" onclick="selectTime('all')">全部</div>
                                <div class="today"  onclick="selectTime('today')">今天</div>
                                <div class="week"  onclick="selectTime('week')">本周</div>
                                <div class="month" onclick="selectTime('month')">本月</div>
                                <div class="year" onclick="selectTime('year')">本年</div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">
                            <div class="pull-right">
                                <div class="pull-right">
                                    <button type="button" id="myButton" data-loading-text="导出中，请稍后。。。" class="btn btn-primary" autocomplete="off">导出数据</button>
                                </div>
                                <div class="min-search pull-right">
                                    <input class="form-control" type="text" placeholder="请输入客户名称"
                                           id="customerName" name="customerName">
                                    <button class="btn btn-primary" type="button" onclick="searchOrderList(2)">
                                        <i class="mdi mdi-magnify"></i><span>搜索</span>
                                    </button>
                                </div>
                                <div class="pull-right" style="margin-right: 15px;">
                                    <button class="btn btn-default btn-senior" data-toggle="collapse"
                                            data-target="#filterContentNew" aria-expanded="false"
                                            aria-controls="filterContentNew">
                                        <i class="mdi mdi-sort-variant"></i>高级筛选
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="collapse filter-content" id="filterContentNew">
                        <div class="row" style="padding:20px">
                            <div class="form-group col-lg-4  col-md-4 col-sm-6 col-xs-12">
                                <label class="control-label" for="arriveTimeStart">到款起止时间</label>
                                <div class="form-content input-group">
                                    <input type="text" id="arriveTimeStart" class="form-control search-time date-input" placeholder="起">
                                    <span class="input-group-addon">-</span>
                                    <input type="text" id="arriveTimeEnd" class="form-control search-time date-input" placeholder="止">
                                </div>
                            </div>
                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                <label class="control-label" for="arriveMoneyStart">到款金额起止区间</label>
                                <div class="form-content input-group">
                                    <input type="text" id="arriveMoneyStart" class="form-control"
                                           placeholder="起" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">
                                    <span class="input-group-addon">-</span>
                                    <input type="text" id="arriveMoneyEnd" class="form-control"
                                           placeholder="止" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">
                                </div>
                            </div>
                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                <label for="applicationName">申请人</label>
                                <div>
                                    <input class="form-control" type="text" placeholder="请输入申请人"
                                           id="applicationName" name="applicationName">
                                </div>
                            </div>
                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                <label for="inputName">录入人</label>
                                <div>
                                    <input class="form-control" type="text" placeholder="请输入录入人"
                                           id="inputName" name="inputName">
                                </div>
                            </div>
                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                <label for="paymentAccountNum">付款账号</label>
                                <div>
                                    <input class="form-control" type="text" placeholder="请输入付款账号"
                                           id="paymentAccountNum" name="paymentAccountNum">
                                </div>
                            </div>
                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                <label for="createName">创建人</label>
                                <div>
                                    <input class="form-control" type="text" placeholder="请输入用户名称"
                                           id="createName" name="createName">
                                </div>
                            </div>
                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12" id="companySelectDiv">

                                <label for="companySelect">所属分公司</label>
                                <div>
                                    <select id="companySelect" class="form-control" type="text" data-live-search="true" name="companySelect" data-size="8">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12" id="payStatusDiv">

                                <label for="payStatus">充值状态</label>
                                <div>
                                    <select id="payStatus" class="form-control" type="text" data-live-search="false" name="payStatus" data-size="8">
                                        <option value="">请选择</option>
                                        <option value="0">未确认</option>
                                        <option value="1">已确认</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 btn-box">
                                <label>&nbsp;</label>
                                <div class="text-right">
                                    <button class="btn btn-link" onclick="clearAllData()">重置</button>
                                    <button class="btn btn-primary" type="button" onclick="searchOrderList(2)">
                                        <i class="mdi mdi-magnify"></i><span>搜索</span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <table id="customerPayFrom"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade bs-example-modal-lg modal-edit" tabindex="-1" role="dialog" id="addInputMoney" aria-labelledby="addInputMoney">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4>确认充值</h4>
            </div>
            <div class="modal-body row-pad clearfix">
                <input type="hidden" id="customerPayIdHide">
                <input type="hidden" id="payMoneyIdHide">
                <input type="hidden" id="customerId">
                <form action="" class="form-pay">


                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <label class="control-label label-required label-width" title="付款单位">付款单位</label>
                    <div class="form-content peers-display">
                        <input type="text" class="form-control bottomInput" placeholder="请输入付款单位" id="paymentUnit" name="paymentUnit">
                    </div>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <label class="control-label label-required label-width" title="到款日期">到款日期</label>
                    <div class="form-content peers-display">
                        <input type="text" class="form-control datepicker" placeholder="到款日期" id="arriveTime" name="arriveTime">
<!--                        <input type="text" class="form-control bottomInput" placeholder="请输入付款单位" id="arriveTime" name="arriveTime">-->
                    </div>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <label class="control-label label-required label-width" title="到款方式">到款方式</label>
                    <div class="form-content peers-display">
                        <select class="form-control bottomInput" title="请选择" id="arriveMethod"  placeholder="请选择" name="arriveMethod">
                            <option onclick="hideorShouDiv()" value="0">银行汇款</option>
                            <option onclick="hideorShouDiv()" value="1">现金</option>
                            <option onclick="hideorShouDiv()" value="2">余额支付</option>
                            <option onclick="hideorShouDiv()" value="3">线上支付</option>
                        </select>
                    </div>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <label class="control-label label-required label-width" for="arriveMoney" title="到款金额">到款金额</label>
                    <div class="form-content peers-display">
                        <input type="text" id="arriveMoney" class="form-control bottomInput"
                               placeholder="请输入到款金额" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">
                    </div>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad" id="paymentAccountDiv">
<!--                    label-required-->
                    <label class="control-label  label-width" title="付款账号">付款账号</label>
                    <div class="form-content peers-display">
                        <input type="text" class="form-control bottomInput" placeholder="请输入付款账号" id="paymentAccount" name="paymentAccount">
                    </div>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad" id="paymentBankDiv">
<!--                    label-required-->
                    <label class="control-label  label-width" title="付款账号">付款银行</label>
                    <div class="form-content peers-display">
                        <input type="text" class="form-control bottomInput" placeholder="请输入付款银行" id="paymentBank" name="paymentBank">
                    </div>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad" id="serialDiv">
<!--                    label-required-->
                    <label class="control-label  label-width" title="付款账号">流水号</label>
                    <div class="form-content peers-display">
                        <input type="text" class="form-control bottomInput" placeholder="请输入流水号" id="serial" name="serial">
                    </div>
                </div>

                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <label class="control-label label-required label-width" title="到款账号类型">到款账号类型</label>
                    <div class="form-content peers-display">
                        <select class="form-control bottomInput" title="请选择" id="arriveAccountType" placeholder="请选择" name="arriveAccountType">
                            <option value="">请选择</option>
                            <!--<option value="1">分公司账号</option>
                            <option value="2">北京财税研究院</option>
                            <option value="3">大成方略网络科技有限公司</option>
                            <option value="4">北京大成方略财务顾问有限公司</option>
                            <option value="5">北京大成方略纳税人俱乐部有限公司</option>
                            <option value="6">大成方略纳税人俱乐部股份有限公司</option>-->
                        </select>
                    </div>
                </div>

                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <label class="control-label " title="备注">备注</label>
                    <div class="form-content peers-display">
                        <textarea id="remark" class="form-control" placeholder="请输入备注" style="height: 40px;"></textarea>
                    </div>
                </div>
                </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="inputMoney(this);">确定</button>
                <!--                onclick="hideInput()"-->
                <button type="button" class="btn btn-default" data-toggle="collapse"
                        data-target="#addInputMoney"
                        data-dismiss="modal" onclick="hideInput()">取消</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade bs-example-modal-lg modal-edit" tabindex="-1" role="dialog" id="checkDetails" aria-labelledby="checkDetails">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4>查看</h4>
            </div>
            <div class="modal-body row-pad clearfix">
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <h6>流水号：</h6>
                    <p id="paymentSerial">-</p>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <h6>付款账号：</h6>
                    <p id="paymentNum">-</p>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <h6>付款单位：</h6>
                    <p id="paymentCompany">-</p>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <h6>充值码：</h6>
                    <p id="payNumber">-</p>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <h6>到款时间：</h6>
                    <p id="paymentDate">-</p>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <h6>到款金额：</h6>
                    <p id="payMoney">-</p>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <h6>到款单位名称：</h6>
                    <p id="arriveUnitName">-</p>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <h6>录入人：</h6>
                    <p id="createPeopleName">-</p>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                    <h6>创建时间：</h6>
                    <p id="createTime">-</p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<script src="/js/crm/common/city.js"></script>
<script type="text/javascript" src="/js/crm/common/common.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns-1.18.3.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>

<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 子页面公用js -->
<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/finance/customerPayForm.js"></script>
</html>